<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="__PLUGIN_TMPL__/assets/css/style.css" rel='stylesheet' type='text/css'/>
    <link href="__STATIC__/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
</head>
<body>
<div class="on"></div>
<h1>{$site_info.site_name}</h1>
<div class="login-form">
    <div class="close"></div>
    <div class="head-info">
        <label class="lbl-1"> </label>
        <label class="lbl-2"> </label>
        <label class="lbl-3"> </label>
    </div>
    <div class="clear"></div>
    <div class="avtar">
        <img src="__PLUGIN_TMPL__/assets/images/avatar.png"/>
    </div>
    <form class="js-ajax-form" action="{:url('admin/Public/doLogin')}" method="post">
        <div class="form-input">
            <i class="fa fa-user"></i>
            <input type="text" class="text" name="username" placeholder="{:lang('USERNAME_OR_EMAIL')}" title="{:lang('USERNAME_OR_EMAIL')}"
                   value="{:cookie('admin_username')}" data-rule-required="true" data-msg-required=""/>
        </div>
        <div class="form-input">
            <i class="fa fa-lock"></i>
            <input type="password" name="password" placeholder="{:lang('PASSWORD')}" title="{:lang('PASSWORD')}" data-rule-required="true"
                   data-msg-required=""/>
        </div>
        <div class="form-input">
            <i class="fa fa-shield"></i>
            <input type="text" name="captcha" placeholder="验证码">
            <captcha height="36" width="150" font-size="18" class="captcha"/>
        </div>
        <div class="signin">
            <button type="submit" class="js-ajax-submit" data-loadingmsg="{:lang('LOADING')}">{:lang('LOGIN')}</button>
        </div>
    </form>
</div>
<div class="copy-rights"><p>{$copyright}</p></div>
<script type="text/javascript">
    //全局变量
    var GV = {
        ROOT: "__ROOT__/",
        WEB_ROOT: "__WEB_ROOT__/",
        JS_ROOT: "static/js/",
        APP: ''/*当前应用名*/
    };
</script>
<script src="__STATIC__/js/jquery.js"></script>
<script src="__STATIC__/js/wind.js"></script>
<script src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.close').on('click', function () {
            $('.login-form').fadeOut('slow', function () {
                $('.login-form').attr("style", "display:none");
            });
            event.stopPropagation();
        });

        $(".on").on("click", function () {
            $(".login-form").fadeIn("slow", function () {
                $(".login-form").attr("style", "display:block");
            });
        })
    });
</script>
</body>
</html>